 <template>

    <div class="box"> 
<header class="header">
<van-nav-bar title="订单详情" left-arrow @click-left="$router.go(-1)">
<template #right>
   
</template>

</van-nav-bar>
</header>
<main class="content">
我的订单详情 
{{ obj }}
<h3 style="text-align: center;">{{ obj.statas=='1' ?'待付款':'待发货'}}</h3>
<p>需要付：￥{{ obj.price }}</p>
请在 <van-count-dowm :time="time"/> 内支付
</main>
<van-card
  num="2"
  price="2.00"
  desc="描述信息"
  title="商品标题"
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
/>
    </div>
    <div class="footer">
        <van-button type="primary">取消订单</van-button>
<van-button type="success">删除订单</van-button>
<van-button type="default">修改地址</van-button>

    </div>
 </template>
 <script setup>
import { onMounted ,ref} from 'vue';
import { useRoute } from 'vue-router';
import { useCounterStore } from '@/stores/counter';
const store=useCounterStore()
const router=useRoute()
const obj=ref({})
onMounted(()=>{
    console.log();
obj.value=store.myorderList.find(item=>item.id==route.params.id)
    
})
</script>